body{
    background: #ffffff;
}
a:link {
    text-decoration: none;
}

.c_center {
    text-align: center;
}

.heartimg:hover{
    cursor: pointer;
}
.c_left {
    text-align: left;
}

.c_right {
    text-align: right;
}

.n_div{
    clear:both;
}
.f_div {
    float: left;
}

.r_div {
    float: right;
}

.r_div ul{
    display: inline;
    list-style-type: none;
}
.r_div .icons li{
    list-style-type: none;
    padding: 5px;

}
.r_div ul li.heart{
    width: 20px;
    height: 20px;
    background-color: #0a6999;
}


.head_line {
    border-bottom: 1px solid #177cb0;
}
.line{
    clear:both;
    border-top:1px solid #C0C0C0;
    margin-bottom:20px;
}
#main {
    margin-top:50px;
    width: 68%;
}

#article {
    margin-top:80px;
    margin-bottom:80px;
    text-align: center;
    clear: both;
}
#a_head{
    padding-bottom:40px;
}


#tag{
    clear:both;
    margin-bottom:20px;
}
#a_content{
    margin-top:50px;
    margin-bottom:50px;
    text-align:center;
}
#footer {
    margin-top:100px;
    text-align: center;
    margin-bottom:20px;
}
.comment-title{
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
    margin-left: 32px;
    margin-right: 32px;
}
.comment-flip .comment-main{
    margin-left: 32px;
}
.comment-main{

    margin-right: 32px;
}
.comment-head{
    padding:10px 15px;background:#f8f8f8;border-bottom:1px solid #eee
}
.comment-head a{
    text-decoration: none;
    color: #999999;
    font-size: 16px;
}
.comment-head a:hover{
    color: #0a6999;
}
.commentList .item{list-style: none outside none;margin: 1.6rem 0 0}
.commentList .avatar{border: 1px solid transparent;float: left}
.comment-main{position:relative;margin-left:64px;border:1px solid #dedede;border-radius:2px}
.comment-main:before,
.comment-main:after{position:absolute;top:11px;left:-16px;right:100%;width:0;height:0;display:block;content:" ";border-color:transparent;border-style:solid solid outset;pointer-events:none}
.comment-main:before{border-right-color:#dedede;border-width:8px}
.comment-main:after{border-width:7px;border-right-color:#f8f8f8;margin-top:1px;margin-left:2px}
.comment-header{padding:10px 15px;background:#f8f8f8;border-bottom:1px solid #eee}
.comment-title{margin:0 0 8px 0;font-size:1.6rem;line-height:1.2}
.comment-meta{font-size:13px;color:#999;line-height:1.2}
.comment-meta a{color:#999}
.comment-author{font-weight:700;color:#999}
.comment-body{padding:15px;overflow:hidden}
.comment-body>:last-child{margin-bottom:0}
.commentList .comment-flip .avatar {float: right}
.comment-flip .comment-main{margin-left: 0; margin-right: 64px}
.comment-flip .comment-main:before {border-left-color: #dedede;border-right-color: transparent}
.comment-flip .comment-main:before,
.comment-flip .comment-main:after {left: 100%;position: absolute;right: -16px}
.comment-flip .comment-main:after {border-left-color: #f8f8f8;border-right-color: transparent;margin-left: auto;margin-right: 2px}

.avatar{display:inline-block;position:relative; overflow:hidden}
.avatar img{ display:block}
.avatar.radius,.avatar.radius img{border-radius:50%}
.avatar,.avatar img{width:32px; height:32px}
